<template>
    <svg :class="svgid" v-bind="$attrs">
        <use :xlink:href="svgName"></use>
    </svg>
</template>
<script setup lang="ts">
import { computed } from 'vue'
const props = defineProps({
    name: {
        type: String,
        required: true
    },
})
const svgName = computed(() => `#svg-${props.name}`)
const svgid = computed(() => {
    if (props.name) return `svg-load svg-${props.name}`
    return 'svg-load'
})
</script>
<style scoped>
</style>